@charset "utf-8";
/* CSS Document */

    /*重置*/
*{ font-family:"微软雅黑";color:#333;}
img{ display:block; max-width:100%;}
body,span,dl,dd{margin:0;}
h1,h2,h3,h4,h5{ margin:0; font-weight:normal; padding:0;}
h1{font-size:26px;}
h2{font-size:18px;}
h3{ font-size:16px;}
h4{ font-size:16px;}
h5{ font-size:15px;}
p{ margin:0;}
ul,input,textarea{ margin:0;padding:0;}
li{ list-style:none;}
a{ text-decoration:none;}
.clear{ clear:both;}
input{ border:none;}
button{ border:none;}
tr,td{padding:0;}
table{border-collapse:collapse; padding:0; margin:0;}
form{ margin:0;}
select{ margin:0;}
textarea{overflow:auto;}
.f-left{ float:left;}
.f-right{ float:right;}
@font-face{
	font-family:"lingxin";
	src:url(style/font/lingxin.ttf)
	
	}
    /*页头*/
	.nav-fix{ position:fixed; width:100%;max-height:170px; top:0; z-index:10; }
	.logo-fix{ background:#fff;}
	.logo-box{max-width:1100px; margin:0 auto;background:#fff; padding-top:24px; padding-bottom:24px;}
	.logo img{max-width:100%; line-height:120px;}
	.phone{ background:url(images/bg.png) no-repeat; background-position:-146px 0; padding-left:50px; margin-top:16px;}
	.phone h4{}
	.phone h1{font-size:28px;color:#0081cc;}
	.nav-box{ background:#0081cc;}
	.nav{  max-width:1052px;margin:0 auto;}
	.nav li{ float:left; width:14.28%; font-size:18px; text-align:center; line-height:50px;}
	.nav li a{ color:#fff;}
	.nav li:hover{ background:#0053a6;}
	.nav .house{ background:url(images/bg.png) no-repeat; background-position:-154px -248px;padding-left:27px;}
	.nav-current{ background:#0053a6;}
	
	.menu{ display:none;}
	.menu .logo-ph{ margin:10px; width:40%;}
	.menu .f-right{ margin:5%;}
	/*banner*/
	.banner-show{ width:100%; max-height:500px; overflow:hidden;}
	.move-box{ position:relative; width:5760px;}
	.move-box li{float:left;}
	.btn{ position:absolute;left:50%; margin-left:-60px; bottom:20px;}
	.btn li{ width:18px; height:18px;border-radius:50%; background:#0081cc; margin:11px; float:left; bottom:20px;}
	
	
	center{ margin-top:170px;}
	/*服务理念*/
	.main{ max-width:1100px; margin:0 auto;}
	.concent-main{ margin-bottom:66px;}
	.concent-main li{ float:left; width:21.2%; margin:0 auto; margin-right:5%; background:#fbfbfb; border-bottom:1px solid #0081cc; border-top:4px solid #0081cc; height:300px;}
	.concent-main li .concept-main div{width:116px;height:116px; background:#fafafa; border:#0081cc 2px solid; border-radius:50%; margin:16px auto 8px;}
	.concent-main li span{ display:inline-block; width:110px; height:110px;border-radius:50%; margin:3px; background:url(../image/cheng.png) no-repeat center #0081cc;}
	.concent-main li h1{ font-family:"lingxin"; font-size:30px; text-align:center; color:#0081cc; font-weight:bold;}
	.concent-main li h4{ width:80%; text-align:left; margin:0 auto; margin-top:10px;}
	#zhuan {border-bottom:1px solid #ef4e42; border-top:4px solid #ef4e42;}
	#zhuan  .concept-main div{ border:#ef4e42 2px solid; }
	#zhuan h1{color:#ef4e42;}
	#zhuan span{ background:url(../image/zhuan.png) no-repeat center #ef4e42;}
	#gao {border-bottom:1px solid #43d96a; border-top:4px solid #43d96a;}
	#gao .concept-main div{ border:#43d96a 2px solid; }
	#gao h1{color:#43d96a;}
	#gao span{ background:url(../image/gao.png) no-repeat center #43d96a;}
	#ying {border-bottom:1px solid #ff9b42; border-top:4px solid #ff9b42;}
	#ying .concept-main div{ border:#ff9b42 2px solid; }
	#ying span{ background:url(../image/ying.png) no-repeat center #ff9b42;}
	#ying  h1{color:#ff9b42;}
	.title h1{color:#0081cc; display:inline-block; margin-top:54px;margin-bottom:60px; font-weight:600;}
	.title span{ font-size:18px;color:#0081cc;font-weight:600;}
	/*关于我们*/
	.about,.case{ background:#f7f7f7;}
	.about p{ max-width:588px; font-size:16px; text-indent:2em;}
	.about img{ margin:10% 0; max-width:100%;}
	.about .title{float:right;}
	/*服务项目*/
	
	.item-box{display:none;}
	
	
	.more{ font-size:15px; line-height:132px;}
	.more a:hover{color:#0081cc;}
	.item-main li{ display:inline-block;width:24%;}
	.item-word span{ display:block; width:46px; height:2px; background:#ccc; margin:14px auto 16px;}
	.item-main .item-word h3,.item-main .item-word h5,.item-main .item-word span{ text-align:center;}
	.item-word h5{padding:0 20px 25px;max-width:250px; max-height:22px; overflow:hidden; margin:0 auto;}
	.item-word h5 a{ display:block; max-height:34px; overflow:hidden;}
	.item-mode{border:1px solid #ccc;/* max-width:250px;*/}
	.item-mode img{ margin:0 auto; max-width:100%;}
	.item-word{background:url(images/bg1.png) no-repeat center; margin-top:-45px; padding-top:30px; position:relative;}
	.item-word:hover{background:url(images/bg2.png) no-repeat center;}
	.item-word:hover h3 a,.item-word:hover h5 a{color:#fff;}
	.item-word:hover span{ background:#fff;}
	.left,.right{display:inline-block; width:46px; height:46px; background:url(images/bg.png)  no-repeat; float:right; margin-top:10px;}
	.right{ background-position:0 -80px; margin-left:10px; margin-bottom:60px;}
	.left:hover{ background-position:0 -178px;}
	.right:hover{background-position:0 -258px;}
	/*服务项目-pc*/
	.main-pc{max-width:1100px; margin:0 auto;}
	.item-word-pc span{ display:block; width:46px; height:2px; background:#ccc; margin:14px auto 16px;}
	.item-word-pc h2,.item-word-pc h5,.item-word-pc span{ text-align:center;}
	.item-word-pc h5{padding:0 25px 23px;max-width:200px; max-height:22px; overflow:hidden;}
	.item-word-pc h5 a{ display:block; max-height:34px; overflow:hidden;}
	.item-mode-pc{border:1px solid #ccc; max-width:250px;}
	.item-mode-pc img{ margin:0 auto; max-width:100%;}
	.item-word-pc{background:url(images/bg1.png) no-repeat center; margin-top:-15px; padding-top:30px; position:relative;}
	.item-word-pc:hover{background:url(images/bg2.png) no-repeat center;}
	.item-word-pc:hover h2 a,.item-word-pc:hover h5 a{color:#fff;}
	.item-word-pc:hover span{ background:#fff;}
	.item-mode-pc{ float:left;margin-right:30px;}
	.item-move-pc{width:1984px; position:relative;}
	.item-box-pc{ max-width:1100px; overflow:hidden;}
	
	/*工程案例*/
	
	
	
	.case{}
	.case .main .case-left{ width:31.8%; float:left;}
	.case-media{ width:35.27%; margin:0 0.5%; float:left;}
	.case-bg{ position:relative;}
	.case-title{ max-height:152px; position:absolute; top:1%;left:50%; margin-left:-128px;}
	.case-title div{text-align:center;}
	.case-title h1{color:#0081cc; display:inline-block;margin-top:9.8%;margin-bottom:8%; font-weight:600;}
	.case-title span{ font-size:18px;color:#0081cc;font-weight:600;}
	.case-title h5{ line-height:36px; background:#0081cc; border-radius:10px;max-width:130px; margin:0 auto; color:#fff; text-align:center; font-size:16px;}
	.case-title a:hover h5{background:#0053a6;}
	.case-left li{margin-bottom:2%;}
	.case-media li{margin-bottom:2%;}
	.case-left li h3,.case-media li h3{ line-height:46px; background:rgba(51,51,51,0.73);color:#fff; text-align:center; position:relative; margin-top:-46px; display:none;}
	.case .main li:hover h3{display:block;}
	.case .main{padding:60px 0;}
	
	.case .title ,.case-more{ display:none;}
	.case-main{ display:none;}
	.case-main h4{ line-height:26px; background:rgba(51,51,51,0.73);color:#fff; text-align:center; position:relative; margin-top:-26px; display:none;}
	.case-main li:hover h4{display:block;}
	.case-main li{ display:inline-block; width:48%;}
	
	/*联系我们*/
	.contact{ background:url(images/line.png) no-repeat center ;}
	.contact li{ display:inline-block; width:19.5%; text-align:center;}
	.contact li img{ margin:0 auto;}
	.contact-title h1,.contact-title h2{ color:#0081cc; background:#fff; font-weight:600;}
	.contact .main{padding-top:60px; padding-bottom:30px; margin-bottom:30px;}
	.contact-title { position:relative; top:-58px;}
	.contact-title h1,.contact-title h2{max-width:140px; margin:0 auto;}
	.contact-title-ph{ display:none;}
	
	/*页脚*/
	.footer{ background:#3b3e40;}
	.footer h4,.footer h1,.footer p{ color:#fff;}
	.footer a{color:#e5e5e5}
	 .footer-left{ padding-right:2%; border-right:1px solid #ccc; margin-top:34px;}
	 .footer-media{ width:52%; margin:0 auto; margin-top:34px; padding-left:2%;}
	 .footer-nav li{ display:inline-block; width:13.2%; font-size:14px;}
	 .link{ margin-top:60px;}
	 .link li{ display:inline-block; margin-right:1%;}
	 .link li a{ font-size:12px;}
	 .footer-right{ margin-top:34px;border-left:1px solid #ccc; padding-left:20px;padding-top:40px; padding-bottom:20px;}
	 .footer-right img{ max-width:100%; margin-right:10px;}
	 .footer p{ text-align:center; font-size:12px; margin-top:25px; padding-bottom:10px;}
	 .footer a:hover{color:#fff;}
	
	.footer .rexian-ph{ font-size:14px; text-align:left; display:none;}

@media screen and  (min-width: 818px) and (max-width:1100px){
	.logo{width:60%;}
	.phone{ margin-top:1%;}
	.phone h1{ font-size:22px;}
	/*关于我们*/
	.about .main .f-left{ width:40%;}
	.about .main .f-right{ width:54%;}
	.title h1{ margin-top:48px; margin-bottom:54px;}
	/*服务项目*/
	.case-title h1{ margin-top:6%;}
	
	/*页脚*/
	.footer-left{ width:12%;}
	.footer-media{width:50%;}
	.footer-right{padding-top:20px;padding-bottom:0; }
	
}
@media screen and  (min-width: 961px) and (max-width:1100px) {
		/*联系我们*/
	.contact{ background:url(images/line1.png) no-repeat center;}
}
@media screen and  (min-width: 818px) and (max-width:961px){
	.contact{ background:url(images/line1.png) no-repeat center;}
	.contact li{ width:19%;}
	.address h4{font-size:12px;}
	
	/*页脚*/
	.footer-media{width:40%;}
	 .footer-nav li{ width:30%;}
	.link{ margin-top:10px;}
	
	}
	
@media (max-width: 818px){
	/*页头*/
	.nav-fix{ display:none;}
	.logo-box,.nav-box{ display:none;}
	.menu{ display:block;}
	.logo-ph{ max-width:100%;}
	.menu ul li{ line-height:42px; background:#0081cc; border-bottom:1px solid #0053a6; padding-left:10px;}
	.menu li a{color:#fff; font-size:14px;}
	.menu li:hover{ background:#0053a6;}
	center{ margin-top:0;}
	/*服务理念*/
	.concent-main  li{ width:46%; margin-right:0; margin:2%;}
	.concept-main{ width:90%; margin:0 auto;}
	.title{margin-top:4%;margin-bottom:2%;}
	.title h1{  font-size:20px; margin-left:1%; margin:0;}
	.title span{ font-size:16px;}
	
	.concent-main li .concept-main div{width:106px;height:106px; }
	.concent-main li span{ width:100px; height:100px;}
	.concent-main li h1{ font-size:24px;}
	.concent-main li h4{ width:90%; margin:2% auto;}
	
	/*关于我们*/
	.about .f-left{ width:40%}
	.about .f-right{ width:58%;}
	.about .title{ margin-top:40px; margin-bottom:20px;}
	/*服务项目*/
	.more{ line-height:20px;}
	.right{ margin-bottom:5%;}
	.item-box-pc{ display:none;}
	.item-box{ display:block; margin-bottom:40px;}
     .main-pc >span{display:none;}
	/*服务案例*/
	
	
	.case{padding:5% 0;}
	.case .main{padding:0;}
	.case-title{margin-top:4%;margin-bottom:2%; margin-left:-110px;}
	.case-title h1{  font-size:20px; margin-left:1%; margin:0;}
	.case-title span{ font-size:16px;}
	.case-title h5{ line-height:28px; max-width:100px; border-radius:6px; margin-top:4%;}
	.case-left li h3,.case-media li h3{ line-height:24px; margin-top:-24px; display:none; font-size:12px;}
	
	/*联系我们*/
	.contact{ background:none;}
	.contact .contact-title{ display:none;}
	.contact li{ width:24%;}
	.contact .main{margin-top:4%;margin-bottom:2%; padding:0;}
	.contact .contact-title-ph{text-align:center;margin-bottom:4%; display:block;}
	.contact-title-ph h1{ font-size:20px;color:#0081cc; display:inline-block;}
	 .contact-title-ph span{ font-size:16px;color:#0081cc; display:inline-block;}
	 
	 /*页脚*/
	 .footer-left{display:none;}
	 .footer-nav li{width:20%;}
	 
}

@media (max-width: 642px){
	/*服务项目*/
	.item-box{ }
	.item-main{margin-left:2%;}
	.item-main li{ display:inline-block;width:49%;}
	.item-mode{ max-width:250px; margin:0 auto;margin-bottom:4%;}
	
	/*服务案例*/
	.case{padding:10px 0;}
	.case .title ,.case-more{ display:block;}
	.case-title{ display:none;}
	.case .title{ text-align:center;}
	.case-more { position:absolute; top:50%;left:50%; margin-left:-30px; margin-top:-6px;}
	.case-more:hover h5{color:#0081cc;}
	.case .main{ display:none;}
	.case-main{ display:block;}
}

@media (max-width: 721px){
	
	/*关于我们*/
	.about .f-left,.about .f-right{width:100%;}
	.about .title{margin:2%;}
	.about p{ max-width:100%; font-size:14px; text-indent:2em;margin-bottom:2%;}
	.about img{ margin:2%; max-width:100%;}
	/*联系我们*/
	.contact li{ width:48%; margin-bottom:3%;}
	.contact li h4{ margin-top:10px;}
	/*页脚*/
	.footer-right{ display:none;}
	.footer-media{width:98%;}
	.footer-nav{width:100%; margin:0 auto;}
	.footer-nav li{width:13%;}
	.link{ margin-top:10px;}
	.footer .rexian-ph{ display:block;}
}

@media (max-width:480px){
	.about .f-left img{ max-width:98%;}
	.footer-nav li{width:30%; text-align:center;}
	}

@media (max-width: 371px){
	.contact li img{ max-width:70px;}
	.contact li h4{ font-size:12px;}
}
/*内页*/
/*关于我们*/
	/*列表*/
.banner2{ display:none;}
.about-banner{ margin-top:170px;}
.about-banner img{max-width:100%;}
.main-left,.main-right{ margin-top:30px;}
.main-left .list1>dt,.main-left .list2>dt{ font-size:22px; margin-bottom:20px;}
.main-left .list1 dd{ line-height:44px; text-align:center; max-width:240px;border:1px solid #ccc;border-bottom:none; background:url(images/bg.png) no-repeat; background-position:-172px -180px;}
.main-left a:hover dd{background:url(images/bg.png) no-repeat #0081cc; background-position:-172px -120px; color:#fff;}
.main-left .list1 .current{background:url(images/bg.png) no-repeat #0081cc; background-position:-172px -120px; color:#fff;}

/*联系方式*/
.list2{ margin-top:40px;}
.main-left .list2>dt{ padding-bottom:20px; border-bottom:1px solid #ccc;}
.about-rexian dt,.about-rexian dd{ display:inline-block;}
.about-rexian dd{ margin-left:10px;}
.about-rexian dd h2{ font-size:20px; color:#0081cc;}

.list2 >dd{ margin-bottom:10px; line-height:40px;}
.about-tel,.about-fax,.about-mail,.about-dres{ padding-left:44px;}
.about-tel{background:url(images/bg.png) no-repeat; background-position:4px -364px;}
.about-fax{background:url(images/bg.png) no-repeat; background-position:-107px -135px;}
.about-mail{background:url(images/bg.png) no-repeat; background-position:-360px -279px;}
.about-dres{background:url(images/bg.png) no-repeat; background-position:-360px -364px;}
.main-right{ width:70%;}
.main-ri-tit { padding-bottom:4px; border-bottom:1px solid #ccc;}
.main-ri-tit h4{ color:#0081cc;font-weight:bolder;}
.main-ri-tit .f-right{ font-size:12px;}
.main-ri-tit a:hover{color:#0081cc; }
.main-ri-tit .f-right a i{ display:inline-block;background:url(images/bg.png) no-repeat; background-position:-152px -314px; width:22px; height:22px;}
/*关于我们内容*/
.about-main{ margin-top:20px;}
.about-main img{ margin:0 auto; max-width:100%; margin-bottom:10px;}
.about-main p{ font-size:14px; text-indent:2em;}

/*手机端菜单*/
.main-list{padding-left:1%; margin-top:10px; display:none;}
.main-list li{ display:inline-block; font-size:14px; margin-right:10px;}
.main-list a:hover{ color:#0081cc;  text-decoration:underline;}
.main-list-cu a{color:#0081cc;  text-decoration:underline;}
.about-footer{ margin-top:80px;}
/* 内页-发展历程*/

.about-main h2{ font-size:18px; font-weight:bolder; text-align:center; margin-bottom:10px;}
.deve-tit{ margin-top:10px; display:none;}
.deve-tit h4 span{ display:inline-block; width:10px; height:10px; border-radius:50%; background:#0081cc; margin-right:6px;}
.deve-tit h4{ color:#0081cc;}
.deve h3{ text-align:center; margin-top:20px;}
/*内页-服务项目*/
.item-img{ position:relative;}
 .item-main .item-move{ position:absolute;top:0;left:0;}
.item-move h2{ position:absolute; text-align:center; top:50%; margin-top:-28px;color:#fff; left:50%; margin-left:-44px;}
.item-main{ position:relative;}
.item-main dt{ position:absolute;top:50%; margin-top:-144px; left:50%; margin-left:-183px; z-index:2}
.item-main img{ margin-bottom:10%; max-width:100%;}


@media screen and  (min-width: 890px) and (max-width:1100px){
	.item-main dd,.item-main dt{ width:50%;}
	.item-main dt{top:50%; margin-top:-144px;}
	.item-main img{max-width:100%;}
	
	}

@media (max-width: 890px){
	.main-list{ display:block;}
	.main-left{ display:none;}
	.main-right{margin-top:15px;}
	.main-right{ width:98%;padding-left:1%; padding-right:1%;}
	.main-ri-tit h4{ font-size:12px; font-weight:normal;}
	.main-ri-tit .f-right a i{ background:none;}
	.about-footer{ margin-top:40px;}
	.about-banner{ margin-top:155px;}
}

@media (max-width: 721px){
	.deve img{ display:none;}
	
	.deve-tit { display:block;}
}
@media (max-width: 765px){
	/*服务项目*/
		.item-main dt{ position:static; margin:0 auto;}
	.item-main dt{ margin:0 auto; max-width:50%;}
	.item-main dd{ width:50%;}
	
	
	}
@media screen and  (min-width: 399px) and (max-width:480px){
	
	.item-main dt {position:static;  margin:0 auto; max-width:100%; margin-bottom:10%;}
	.item-main dd{width:100%; margin:0 auto;}
	.item-img {width:83%; margin:0 auto; }
	
	}

@media (max-width: 399px){
	.item-main dt {position:static;  margin:0 auto; max-width:100%; margin-bottom:10%;}
	.item-main dd{width:100%; margin:0 auto;}
	
	}
	/*内页-工程案例*/
.case-det li{ display:inline-block; width:45.4%; margin-left:2%; margin-right:2%; margin-bottom:30px;}
.case-det img{ margin:0;}
.case-det li h4{ line-height:50px; background:#666; color:#fff; text-align:center; margin-top:2px;}
.case-det li h4:hover{ background:#0081cc;}

@media (max-width: 642px){
	.case-det li{ width:100%; margin-left:0; margin-right:0;}
	.case-det li h4{ font-size:12px;line-height:36px; max-width:374px;}
	.case-det img,.case-det h4{ margin:0 auto;}
	/*服务案例*/
	/*.case{padding:10px 0;}
	.case .title { display:block;}
	.case-title{ display:none;}
	.case .title{ text-align:center;}
	.case ul .case-ph{ display: none;}
	.case-bg{}
	 .case .main .case-left,.case .main .case-media{ width:100%;}
	.case-left ul li{ display:inline-block; width:48%}
	.case .case-media ul li{ display:inline-block; width:48%}
	*/
}
/*内页-新闻*/
.news-box-mu{ display:none;}
.about-main .news{ width:100%; margin-bottm:35px;}
.news img{width:30%;}
.news-det{ width:68%; border-bottom:1px solid #ccc;}
.news-det h3{margin-bottom:17px;}
.news-det h4{ margin-bottom:10px;}
.news-det p{ max-height:60px; overflow:hidden;margin-bottom:10px;}
.news-det a:hover{color:#0081cc;}
.news-det:hover {border-bottom:1px solid #0081cc;}
.page{margin:0 auto;}
.page li{ display:inline-block; border:1px solid #ccc; line-height:32px;font-size:14px; padding-left:12px; padding-right:12px;margin:5px;}
.page li:hover{ background:#0081cc;  border:1px solid #0081cc;}
.page li:hover a{color:#fff; }

@media (max-width: 721px){
	.news img{width:38%;}
	.news-det{ width:60%; }
	
	}
	
	@media (max-width: 480px){
		.news-box{ display:none;}
		.news-box-mu{ display:block;}
	.news img{max-width:100%; margin:0 auto; margin-bottom:10px; clear:both;}
	.news-det{ width:100%; }
	.page li{fontsize:12px;line-height:26px; padding-left:10px; padding-right:10px;margin:4px;}
	}
	.news-tit h3{ font-weight:bold; text-align:center; margin-bottom:20px;}
	.news-tit i{display:inline-block; width:20px; height:20px;}
	.news-tit h5{display:inline-block; line-height:20px;}
	.auther{ background:url(images/auther.png) no-repeat center; }
	.time{background:url(images/time.png) no-repeat bottom; }
	.news-tit { margin-bottom:40px;}
	
	.up{ float:left; line-height:32px; background:url(images/up.png) no-repeat left; padding-left:42px; font-size:14px;}
	.down{float:right; line-height:32px; background:url(images/down.png) no-repeat; padding-left:42px; font-size:14px;}
	.up-down{ margin-top:40px;}
	.up:hover{ background:url(images/up1.png) no-repeat left;}
	
	.down:hover{ background:url(images/down1.png) no-repeat left;}
	.up:hover  a,.down:hover a{color:#0081cc;}
	@media (max-width: 642px){
		.up{ float:none;max-width:100%; margin-bottom:10px;}
	.down{max-width:100%;  float:none;}
		
		}
/*内页-联系我们*/
.contact-main{ background:url(images/contact-bg.png) no-repeat top;}
.contact-left{ padding-left:35px; padding-top:35px;}
.contact-left .list2{ margin:0;}
.contact-left .list2 h3{ font-weight:bold; margin-bottom:35px;}	
.contact-left .list2 .about-tel{ background:url(images/btn.png) no-repeat; line-height:30px;}
.contact-left .list2 .about-fax{ background:url(images/btn.png) no-repeat; line-height:30px; background-position:0 -41px;}
.contact-left .list2 .about-mail{ background:url(images/btn.png) no-repeat; line-height:30px; background-position:0 -82px;}
.contact-left .list2 .about-dres{ background:url(images/btn.png) no-repeat; line-height:30px; background-position:0 -120px; margin-bottom:20px;}
.contact-main .about-rexian dt img{ margin-bottom:-4px;}
.contact-main .about-rexian{ margin-top:80px; margin-right:50px;}
.con-list{ width:240px;}

/*留言*/
.liuyan{ background:url(images/liuyan.png) no-repeat center top;}
.liuyan h3{ text-align:center; font-weight:bold; padding-top:38px; margin-bottom:75px;}
.liuyan input{ border:1px solid #ccc; height:34px; border-radius:4px; padding-left:20px;width:240px;}
.liuyan .name,.liuyan .tel{ padding-left:29px;}
.liuyan .item{padding-left:7px;}
.liuyan .name, .liuyan .tel,.liuyan .item,.yan{ font-size:14px; line-height:34px; margin-bottom:25px;}
.liuyan .name span,.liuyan .tel span,.liuyan .yan span{ color:#dc0909;}
.liuyan .item select{ width:260px;  border:1px solid #ccc; height:34px; border-radius:4px; padding-left:20px;}
.liuyan .yan{ margin-left:-10px;}
.liuyan .yan h4{display:inline-block;}
.liuyan .yan textarea{width:350px; height:180px;border:1px solid #ccc; border-radius:4px; display:inline-block;} 
.liuyan form{ display:inline-block; position:relative; left:50%; margin-left:-214px;}
.map{ border:4px solid #0081cc; margin-top:25px;}
.liuyan .sub{ line-height:34px; width:78px; border-radius:4px; background:#0081cc; color:#fff; padding-left:0; margin-bottom:94px; margin-left:213px;}
.liuyan .sub:hover{background:#0053a6;}
@media (max-width: 642px){
	
		.up{ float:none;max-width:100%; margin-bottom:10px;}
	.down{max-width:100%;  float:none;}
		.contact-main .about-rexian{ display:none;}
		}
		.bg{background:#f7f7f7;}
.join h4{ font-weight:bold; padding-left:26px; background:url(images/shape.png) no-repeat left bottom; line-height:16px; margin-left:18px;padding-top:30px;}
.join p{ text-indent:0; margin-left:44px; padding-bottom:40px;}

@media (max-width:721px){
	.about-main{ width:100%;}
	.liuyan{ width:100%;}
	
	}
	
@media (max-width:480px){
	.liuyan{}
	.liuyan form{ display:block; position:static; margin-left:0;}
	.liuyan h3{width:275px; margin:0 auto;}
	.liuyan input{width:92%; }
	.liuyan .item select{ width:98%;}
	.liuyan .yan textarea{width:98%;}
	.liuyan .sub{ padding-left:0; margin-bottom:94px; margin-left:0; position:relative; left:50%; margin-left:-39px;}
	.liuyan .name,.liuyan .tel,.liuyan .item{ padding-left:0;}
	
	.menu .f-right img{ width:40px;}
	}
@media (max-width: 818px){
 .about-banner{ margin-top:0;}

}
@media (max-width:642px){
	.banner1{ display:none;}
	.banner2{ display:block;}
	}